﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="jiniannet.com">
    <link rel="icon" href="../favicon.ico">

    <title>Dashboard Template for Bootstrap</title>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/dashboard.css" rel="stylesheet">
    <link href="umeditor/themes/default/css/umeditor.min.css" type="text/css" rel="stylesheet">
    <script src="../../assets/js/ie-emulation-modes-warning.js"></script>
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-sm-9">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="Title" class="col-sm-2 control-label">标题</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="Title" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="PostContent" class="col-sm-2 control-label">标题</label>
                        <div class="col-sm-10">
                            <textarea id="PostContent" style="width:100%" cols="50" rows="10"></textarea>
                        </div>
                    </div>
                </form>
            </div>


            <div class="col-md-3">
                <button type="button" class="btn btn-default btn-block" style="margin-bottom:20px;" id="btnSetting"><i class="glyphicon glyphicon-cog"></i> 设置</button>
                <div class="panel panel-default">
                    <div class="panel-heading ng-binding"><i class="glyphicon glyphicon-briefcase"></i> 管理分类</div>
                    <ul class="list-group categories-list">
                        <li class="list-group-item ng-scope">
                            <label class="ng-binding">
                                <input type="checkbox" id="cat-1a83d808-8032-4a47-b291-6c0d30aca32f" data-ng-model="cat.IsSelected" class="ng-pristine ng-valid"> DotNET
                            </label>
                        </li>
                    </ul>
                </div>
                <div class="panel panel-default post-tags-selector">
                    <div class="panel-heading ng-binding">
                        <i class="glyphicon glyphicon-tag"></i>
                        标签
                    </div>
                    <div class="tags-list">
                        <div class="text-core" style="height: 25px;"><div class="text-wrap" style="width: 251px; height: 25px;"><textarea id="postTags" class="form-control" placeholder="Type and enter..." rows="1" style="width: 251px;"></textarea><div class="text-tags"></div><div class="text-dropdown text-position-below" style="max-height: 100px; top: 25px;"><div class="text-list"></div></div><input type="hidden" value="[]"></div></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="btn-wrapper clearfix">
            <div class="pull-left">

            </div>
            <div class="pull-right">
                <button class="btn btn-default">
                    <i class="glyphicon glyphicon-ban-circle"></i> 取消
                </button>

                <button class="btn btn-default">
                    <i class="glyphicon glyphicon-floppy-save"></i> 保存
                </button>

                <button class="btn btn-success">
                    <i class="glyphicon glyphicon-ok"></i> 发布
                </button>

            </div>
        </div>
    </div>

    <div id="modal-form" class="modal fade in" aria-hidden="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"
                            data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title ng-binding">文章设置</h4>
                </div>
                <div class="modal-body">
                    <div class="form-horizontal clearfix">
                        <div class="form-group">
                            <label class="control-label col-sm-4" for="Slug">别名</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="Slug">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-4" for="Authors">作者</label>
                            <div class="col-sm-8">
                                <select id="Authors" class="form-control">
                                    <option value="0" selected="selected">Plese select...</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-4 ng-binding" for="DateCreated">日期</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control dateFormatted" id="DateCreated" name="DateCreated">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-4" for="Excerpt">摘要</label>
                            <div class="col-sm-8">
                                <textarea class="form-control" id="Excerpt"> </textarea>
                            </div>
                        </div>
                        <div class="col-sm-offset-4 col-sm-8">
                            <div class="form-group">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" id="HasCommentsEnabled" name="HasCommentsEnabled">
                                        允许评论
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">
                        <i class="glyphicon glyphicon-ban-circle"></i> 清空
                    </button>

                    <button type="button" class="btn btn-success btn-tabkey" data-dismiss="modal">
                        <i class="glyphicon glyphicon-ok"></i> 确定
                    </button>
                </div>
            </div>
        </div>
    </div>


    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="js/vendor/holder.js"></script>
    <script src="js/ie10-viewport-bug-workaround.js"></script>
    <script type="text/javascript" charset="utf-8" src="umeditor/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="umeditor/umeditor.min.js"></script>
    <script type="text/javascript" src="umeditor/lang/zh-cn/zh-cn.js"></script>
    <script type="text/javascript">
        um = UM.getEditor('PostContent', {
            //imageUrl: serverPath + "imageUp.php",
            //imagePath: serverPath,
            //lang: /^zh/.test(navigator.language || navigator.browserLanguage || navigator.userLanguage) ? 'zh-cn' : 'en',
            //langPath: UMEDITOR_CONFIG.UMEDITOR_HOME_URL + "lang/",
            //focus: true
        });
        $(function(){
            $("#btnSetting").click(function () {
                $('#modal-form').modal({
                    keyboard: true
                });
            });
        });
    </script>

</body>
